$(function() {
    //调用getUserInfo()获取用户信息
    getUserInfo();

    $('#btnLogout').on('click', function() {
        //提示用户是否退出登录
        layui.layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
            //1.清空本地token
            localStorage.removeItem('token');
            //2.跳转到首页
            location.href = '/login.html';
            //关闭comfirm 询问看
            layui.layer.close(index);
        });
    });
})

//获取用户基本信息
function getUserInfo() {
    $.ajax({
        type: 'GET',
        url: '/my/userinfo',
        // headers: {
        //     "Authorization": localStorage.getItem('token') || ''
        // },
        success: function(res) {
            if (res.status !== 0) {
                return layui.layer.msg(res.message);
            }
            //调用 renderAvatar() 渲染用户头像
            renderAvatar(res.data);
        },
        timeout: 3000,
        error: (err) => {
            console.log('出错啦');
        },
        // //无论成功还是失败，最终都会调用complete 回调函数
        // complete: function(res) {
        //     //在complete中，可以使用res.responseJSON 拿到服务器响应回来的数据
        //     if (res.responseJSON.status === 1 && res.responseJSON.message === '用户身份认证失败!') {
        //         //将token清除
        //         localStorage.removeItem('token');
        //         //强制页面跳转到首页
        //         location.href = '/login.html';
        //     }
        // }
    });

    // 渲染用户头像
    function renderAvatar(user) {
        //渲染用户的用户名
        let name = user.nickname || user.username;
        $('#welcome').html(`欢迎&nbsp;&nbsp${name}`);
        //渲染用户的图像
        if (user.user_pic != null) {
            $('.text-avatar').hide();
            $('.layui-nav-img').attr('src', user.user_pic).show();
        } else {
            $('.layui-nav-img').hide();
            $('.text-avatar').css('display', 'inline-block');
            let first_name = name[0].toUpperCase(); //获取字符串的第一个字符
            $('.text-avatar').html(first_name).show();
        }

    }

}